<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

http://www.nowamagic.net/librarys/posts/jquery/6


1、html方法，类似于javascript众的InnerHtml属性，可以用来读取或者设置某个元素中的HTML内容。有两种用法，不带参数的，它表示提取里面的html代码，带参数的表示设置其html代码，传的是string或返回string的函数。
<br/>
例:
<br/>
  $('#div1').html()  返回：<input id="input1" name="name" type="text" value="dd" >Pl</inut>
<br/>
		<p><b>Hello</b> fine</p>
<br/>
  $('#div1').html('<h1>H1</h1>')  设置div的内容为html代码'<h1>H1</h1>';
<br/>
2、val方法，设置或提取具有value属性的html代码，也支持select或其它(可自己测试)。与html类型，带参数表示设置，可用传入string或返回string的函数。

例：
 $('#input1').val()  返回: dd 
<br/>
 $('#select1').val() 返回: 选择了selected的Array数组 
<br/>
 $('#input1').val('ss')  设置id为input1的value为ss
<br/>
3、text方法，类似于javascript众的InnerText方法，可以用来读取或者设置某个元素的文本内容 。使用方法与val类似。

<br/>

4、attr方法，来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值，带两个参数的是设置这个属性的值。也可直接使用json来设置其属性，这样方便多了。

例：
<br/>
 $('#input1').attr('value')  返回 dd
<br/>
 $('#input1').attr('value','新')  设置其value为新
<br/>
 $('#input1').attr({name:'new',value:'新'}) 设置基name为new,value为新
 
 
 
 
 
函数	描述
$(selector).html(content)	改变被选元素的（内部）HTML
$(selector).append(content)	向被选元素的（内部）HTML 追加内容
$(selector).prepend(content)	向被选元素的（内部）HTML “预置”（Prepend）内容
$(selector).after(content)	在被选元素之后添加 HTML
$(selector).before(content)	在被选元素之前添加 HTML

</body>
</html>